<template>
  <div class="hm-div" v-on="$listeners">
    <slot />
  </div>
</template>

<script>
export default {
  created() {
    // 可以拿到所有父组件给子组件绑定的事件 和 处理函数
    // 1. 支持直接 v-on="$listeners" 批量注册
    // 2. 也支持   @click="$listeners.click" 只注册其中的一个方法
    console.log(this.$listeners)
  }
}
</script>

<style>
.hm-div {
  border: 3px solid #000;
  margin: 10px;
  padding: 10px;
}
</style>
